<style>
    /*.tree-folder{*/
    /*clear: both;*/
    /*background: none;*/
    /*}*/
    /*.tree-folder-open{*/
    /*clear: both;*/
    /*background: none;*/
    /*}*/
    /*.fa{*/
    /*margin-top: 3px;*/
    /*}*/
    /*.tree-file{*/
    /*clear: both;*/
    /*background: none;*/
    /*}*/
    .datagrid-cell, .datagrid-cell-group, .datagrid-header-rownumber, .datagrid-cell-rownumber{
        text-overflow: ellipsis;
    }



    td[field=sExcProcess] > .datagrid-cell{
        height: 18px !important;
    }
    td[field=sExcProcess] > .datagrid-cell > .progress{
        /*height: inherit;*/
        margin-top: 3px;
    }



</style>
{#<div id="mm" style="width:100px;color:#2baab1;display: none">#}
    {#<div  iconCls="fa fa-plus fa-lg fa-fw" style="color:#2baab1;">未开始</div>#}
    {#<div  iconCls="fa fa-plus fa-lg fa-fw" style="color:#2baab1;">开始</div>#}
    {#<div  iconCls="fa fa-plus fa-lg fa-fw" style="color:#2baab1;">延期</div>#}
    {#<div  iconCls="fa fa-plus fa-lg fa-fw" style="color:#2baab1;">临近</div>#}
    {#<div  iconCls="fa fa-plus fa-lg fa-fw" style="color:#2baab1;">按时完成</div>#}
    {#<div  iconCls="fa fa-plus fa-lg fa-fw" style="color:#2baab1;">提前完成</div>#}
    {#<div  iconCls="fa fa-plus fa-lg fa-fw" style="color:#2baab1;">逾期完成</div>#}
{#</div>#}
<table style="width: 100%;height: 100%">
    <tbody>
    <tr style="height: 67px;"><td valign="top" colspan="2"><ul class="breadcrumb"><li><i class="fa fa-home fa-lg"></i> 主页</li><li>项目管理</li><li>完成计划</li></ul></td></tr>
    <tr>
        <td id="depTree">
            <div id="depList_toolbar" class="xh-datagrid-toolbar" style="line-height:20px;padding:5px 0 5px 10px;">
                <select id="select_province"  style="width: 75px">
                    {% for id,row in provinces %}
                        <option value="{{ row['areaCode'] }}">{{ row['areaName'] }}</option>
                    {% endfor %}
                    <option value='' selected='selected' style="display: none">--省--</option>
                </select>
                <select id="select_city" style="width: 75px">

                    <option value='' selected='selected'>--市--</option>
                </select>
                <select id="select_node">
                    {% for id,text in nodes %}
                        <option value="{{ id }}">{{ text }}</option>
                    {% endfor %}
                    <option value='' selected='selected'>--选择流程节点--</option>
                </select>
                预计完成时间： <input type="text" style="line-height:30px;width: 100px" id="List_Search_StartTime"/>
                ~ <input type="text" style="line-height:30px;width: 100px" id="List_Search_EndTime"/>
                <select id="select_sort">
                    <option value='' selected='selected'>排序</option>
                    <option value="1" >正序</option>
                    <option value="2">倒序</option>
                </select>
                <select id="select_status">
                    <option value="1">未开始</option>
                    <option value="2">开始</option>
                    <option value="3">延期</option>
                    <option value="4">临近</option>
                    <option value="5">按时完成</option>
                    <option value="6">提前完成</option>
                    <option value="7">逾期完成</option>
                    <option value='' selected='selected'>--状态--</option>
                </select>
                搜索： <input type="text" style="line-height:30px;" id="list_search"/><a id="bt_list_search" style=" margin-left:10px" plain="true"><i class="fa fa-search fa-lg fa-fw" style="color:#2baab1;"></i>查找</a>
                <a id="bt_list_export" plain="true"><i class="fa fa-file-excel-o fa-lg fa-fw" style="color:#2baab1;"></i>导出</a>
                <div class="datagrid-toolbar" style="margin:3px 0 5px -10px;width:110%;"></div>
                <a id="bt_list_confirm" plain="true"><i class="fa fa-pencil fa-lg fa-fw" style="color:#2baab1;"></i>确认</a>
                <a id="bt_list_del" plain="true"><i class="fa fa-trash fa-lg fa-fw" style="color:#2baab1;"></i>删除</a>
                <a id="bt_list_transList" plain="true"><i class="fa fa-plus fa-lg fa-fw" style="color:#2baab1;"></i>流转单</a>
            </div>


            {#为避免2次请求 将class="easyui-treegrid"去除 #}
            <table id="planList"  style="height: 100%"
                   data-options="
                url: '{{ url('bpm/plan/getPlan?iBPPId=')~iBPPId~'&iCUId='~iCUId~'&finish=1' }}',
                method: 'post',
                rownumbers: true,
                idField: 'keyId',
                treeField: 'name',
                singleSelect:true,
                pagination: true,
                pageSize:20,
                showFooter: true,
                "  toolbar="#depList_toolbar">

                <thead data-options="frozen:true">
                <tr>
                    <th data-options="field:'ck',checkbox:true"></th>
                    <th data-options="field:'keyId'" width="20" hidden>keyId</th>
                    <th data-options="field:'type'" width="20" align="left" hidden>类型</th>
                    <th data-options="field:'iCUId'" width="20" align="left" hidden>iCUId</th>
                    <th data-options="field:'realId'" width="20" align="left" hidden>realId</th>
                    <th data-options="field:'iChargeId'" width="100" align="left" hidden></th>
                    <th data-options="field:'file'" width="20" align="left" >#</th>
                    <th data-options="field:'name'" width="190" align="left" sortable="true">名称</th>
                </tr>
                </thead>
                <thead>
                <tr>

                    {#<th data-options="field:'sProvinceName'" width="100" align="left">省</th>#}
                    {#<th data-options="field:'sCityName'" width="80" align="left">市</th>#}
                    <th data-options="field:'tStartTime'" width="80" align="left" sortable="true">发起时间</th>
                    <th data-options="field:'sExcuteDeps'" width="80" align="left" >实施部门</th>
                    {#<th data-options="field:'sExcuteIds'" width="120" align="left">实施部门负责人</th>#}
                    <th data-options="field:'sRelatDeps'" width="120" align="left">相关部门</th>
                    {#<th data-options="field:'sRelatIds'" width="120" align="left">相关部门负责人</th>#}

                    <th data-options="field:'tPlanDate'" width="95" align="left">预计完成时间</th>
                    <th data-options="field:'sQueDesc'" width="120" align="left">问题描述</th>
                    <th data-options="field:'sSolution'" width="120" align="left">应对方案</th>
                    <th data-options="field:'sExcProcess'" width="60" align="left">执行进度</th>
                    <th data-options="field:'tRealDate'" width="95" align="left">实际完成时间</th>
                    <th data-options="field:'sChargeName'" width="100" align="left">总负责人/负责人</th>


                    <th data-options="field:'mDesc'" width="120" align="left">备注</th>


                    <th data-options="field:'tCreateDate'" width="150px" align="center">创建时间</th>
                    <th data-options="field:'iCreateUserId'" width="100px" align="left">创建用户</th>
                    <th data-options="field:'tLastModifyDate'" width="150px" align="center" sortable="true">最后修改时间</th>
                    <th data-options="field:'iLastModifyUserId'" width="100px" align="left">最后修改用户</th>
                </tr>
                </thead>
            </table>
        </td>
    </tr>
    </tbody>
</table>